@import url("style1.css");
/* CSS Document */ 
html, body, div, span, h1, h2, h3, h4, h5, h6, p,a, em, img,
strong, ol, ul, li {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
}


body{
	width:100%;
	background:white;
}

/*__index-header__*/
#index-header { width:100%; height:170px; float:left; background:url(../images/index-header.png) repeat-x;}
#main-header { width:1000px; height:170px; margin:0 auto;}
#header { width:1000px; height:170px; float:left; position:relative;}

#logo { width:316px; height:119px; position:absolute; top:0; left:0;}

#hotline { width:257px; height:74px; position:absolute; top:0; left:370px; background:url(../images/bg-hotline.png) no-repeat;}
#hotline span { font-weight:bold; color:white; font-size:20px; line-height:90px; text-align:center; display:block;}

#hotro { width:270px; height:auto; position:absolute; top:80px; left:364px;}
#hotro > ul { list-style:none;}
#hotro > ul > li { width:90px; height:auto; float:left; padding-bottom:5px;}
#hotro > ul > li > ul { list-style:none;}
#hotro > ul > li > ul > li.yahoo { width:64px; height:16px; margin-left:13px;}
#hotro > ul > li > ul > li.chucdanh { width:90px; height:auto; float:left;}
#hotro > ul > li > ul > li.chucdanh > span { display:block; text-align:center; line-height:25px; color:white; font-size:11px;}

#giohang { width:300px; height:auto; position:absolute; top:0; right:0; background:url(../images/giohang-2.png) no-repeat;}
#giohang > ul { list-style:none; float:left; margin:60px 0 0 70px;}
#giohang > ul > li { width:200px; float:left; margin-bottom:3px;}
#giohang > ul > li > p { color:#630; text-decoration:underline;}
#giohang > ul > li > p > span { margin-left:5px;}

#chitiet-giohang { width:auto; height:31px; float:right; padding:10px 15px 20px 0;}
#chitiet-giohang > ul { list-style:none;}
#chitiet-giohang > ul > li { height:31px; background:url(../images/nut-gio-1.png) no-repeat left; padding-left:5px;}
#chitiet-giohang > ul > li > a { height:31px; display:block; background:url(../images/nut-gio-3.png) no-repeat right; padding-right:5px;}
#chitiet-giohang > ul > li > a > span { color:#333; font-style:italic; font-weight:bold; display:block; text-align:center; line-height:31px; background:url(../images/nut-gio-2.png) repeat-x; padding:0 10px 0 10px;}

#slogan { width:785px; height:40px; position:absolute; left:0; bottom:0; margin-bottom:15px;}

/*__index-header__*/
#index-content { width:100%; height:auto; float:left;}
#main-content { width:1000px; height:auto; margin:0 auto;}

#menu-top { width:1000px; height:58px; background:url(../images/menu-top-2.jpg) repeat-x; margin:10px 0 0 0;}
.menu-top-1 { width:10px; height:58px; float:left; background:url(../images/menu-top-1.jpg) no-repeat;}
.menu-top-3 { width:10px; height:58px; float:left; background:url(../images/menu-top-3.jpg) no-repeat;}
#wrapper { width:980px; height:58px; float:left;}
#wrapper > ul { list-style:none; line-height:40px; position:relative; z-index:1000;}

#wrapper > ul > li { height:58px; float:left; background:url(../images/menu-top-4.png) no-repeat left;}
#wrapper > ul > li > a {
	color:#FFF;
	font-weight:bold;
	padding:0 30px 0 30px;
	line-height:58px;
}
#wrapper > ul > li#first { background:none;}
#wrapper > ul > li:hover > a {
	color:#08578a;
}
#wrapper > ul > li.active > a {
	color:#08578a;
}

#wrapper > ul > li > ul { list-style:none; line-height:30px; float:left; margin-left:29px; border:1px solid white;}
#wrapper > ul > li > ul > li { width:204px; height:30px; float:left; background:#1d7cc0; border-bottom:1px solid white; padding-left:30px;}
#wrapper > ul > li > ul > li > a { color:white; font-size:11px; font-weight:bold;}
#wrapper > ul > li > ul > li.last-1 { border-bottom:none;}
#wrapper > ul > li > ul > li:hover > a {
	color:#08578a;
}

#wrapper > ul > li > ul > li > ul{ list-style:none; line-height:30px; float:left; margin-left:29px; border:1px solid white;}
#wrapper > ul > li > ul > li > ul > li { width:200px; height:30px; float:left; background:#1d7cc0; border-bottom:1px solid white; padding-left:28px;}
#wrapper > ul > li > ul > li > ul > li > a { color:white; font-size:11px; font-weight:bold;}
#wrapper > ul > li > ul > li > ul > li.last-2 { border-bottom:none;}
#wrapper > ul > li > ul > li > ul > li:hover > a {
	color:#08578a;
}

#nav li { float: left; position: relative;}
#nav ul { position: absolute; left:-29px; top:58px; display: none;}
#nav li ul a { float: left;}
#nav ul ul { top: auto;}
#nav li ul ul { left:200px; margin-top:-1px;}
#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul { display: none;}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul { display: block;}

.timkiem { width:240px; height:330px; float:left; margin:10px 0 0 0;}
.timkiem > img { width:240px; height:5px; float:left;}
.timkiem-1 { width:238px; height:320px; float:left; border-left:1px solid #999; border-right:1px solid #999; background:white;}
.dangnhap { width:270px; height:auto; float:left; margin:15px; margin-top:40px;}
.tt-dangnhap { width:270px; height:27px; float:left; background:url(../images/icon-login.png) no-repeat left top;}
.tt-dangnhap > p { font-weight:bold; color:#666; text-decoration:underline; padding:4px 0 0 50px;}
.cc-dangnhap { width:270px; height:auto; float:left;}
.cc-dangnhap > ul { list-style:none;}
.cc-dangnhap > ul > li { width:180px; height:auto; float:left; margin-bottom:5px; margin-left:10px;}
.cc-dangnhap > ul > li > p { width:70px; height:auto; float:left; line-height:20px; color:#333;}
.cc-dangnhap > ul > li > a { float:left; line-height:27px; color:#333; display:block; padding-right:10px;}
.search { width:208px; height:auto; float:left; margin:15px; margin-top:0;}
.tt-search { width:208px; height:27px; float:left; background:url(../images/icon-search.png) no-repeat left top;}
.tt-search > p { font-weight:bold; color:#666; text-decoration:underline; padding:4px 0 0 50px;}
.cc-search { width:208px; height:auto; float:left; margin-top:10px;}
.lienket { width:208px; height:auto; float:left; margin:15px; margin-top:10px;}
.tt-lienket { width:208px; height:27px; float:left; background:url(../images/icon-link.png) no-repeat left top;}
.tt-lienket > p { font-weight:bold; color:#666; text-decoration:underline; padding:4px 0 0 50px;}
.cc-lienket { width:208px; height:auto; float:left; margin-top:10px;}

.doitac-1 { width:118px; height:328px; float:left; margin:10px 0 0 10px; border:1px solid #999; background:white;}
#list_product { width:118px; height:328px; position:relative;}
.list_product { width:118px; height:328px; overflow:hidden; position:absolute; top:0; left:0;}
.list_product > ul { float:left; list-style:none;}
.list_product > ul > li { width:118px; height:81px; float:left; background:white; border-bottom:1px solid #999;}
.product_image { width:118px; height:81px; text-align: center; vertical-align: middle;}
.product_image img { margin:0 auto; max-width:100px; max-height:71px;}

.huongdan-1 { width:278px; height:328px; float:left; background:white; margin:10px 0 0 10px; border:1px solid #999;}

.doitac-2 { width:118px; height:328px; float:left; background:white; margin:10px 0 0 10px; border:1px solid #999;}
#list_product_1 { width:118px; height:328px; position:relative;}
.list_product_1 { width:118px; height:auto; overflow:hidden;}
.list_product_1 > ul { float:left; margin:0; padding:0;}
.list_product_1 > ul > li { width:118px; height:auto; float:left; background:white; border-top:1px solid #999;}

.banner-flash { width:408px; height:328px; float:left; background:white; margin:10px 0 0 10px; border:1px solid #999;}

.huongdan-2 { width:200px; height:330px; float:left; background:white; margin:10px 0 0 10px;}
.huongdan-2 > img { width:200px; height:5px; float:left;}
.huongdan-21 { width:198px; height:320px; float:left; border-left:1px solid #999; border-right:1px solid #999; background:white;}

.tinnews { width:198px; height:320px; float:left; border-left:1px solid #999; border-right:1px solid #999; background:white;}
.tinnews > ul { list-style:none; float:left; width:178px;}
.tinnews > ul > li { width:178px; float:left; margin-bottom:14px; background:url(../images/icon-news.png) no-repeat left top; padding-left:10px; margin-left:10px;}
.tinnews > ul > li > a { width:178px; color:#06F; display:block; font-weight:bold; padding-bottom:5px;}
.tinnews > ul > li > p { width:178px; height:auto; color:#333; display:block;}


/*__index-header__*/
#content { width:1000px; height:auto; float:left; margin-top:10px;}

.leftCont { width:240px; height:auto; float:left;}

.boxLeft { width:240px; height:auto; float:left; padding-bottom:10px;}
.danhmuc { width:240px; height:50px; float:left; background:url(../images/bg-tt-boxLeft.jpg) repeat-x;}
.danhmuc > p { width:180px; height:50px; float:left; background:url(../images/icon-danhmuc.jpg) no-repeat left; font-weight:bold; color:white; padding-left:60px; line-height:50px; text-transform:uppercase;}
.cc-boxLeft { width:238px; height:auto; float:left; border:1px #999 solid; margin-top:1px;}
.khuyenmai { width:240px; height:50px; float:left; background:url(../images/bg-tt-boxLeft.jpg) repeat-x;}
.khuyenmai > p { width:180px; height:50px; float:left; background:url(../images/icon-khuyenmai.png) no-repeat left; font-weight:bold; color:white; padding-left:60px; line-height:50px; text-transform:uppercase;}
.thongke { width:240px; height:50px; float:left; background:url(../images/bg-tt-boxLeft.jpg) repeat-x;}
.thongke > p { width:180px; height:50px; float:left; background:url(../images/icon-thongke.png) no-repeat left; font-weight:bold; color:white; padding-left:60px; line-height:50px; text-transform:uppercase;}

.productMenu { width:238px; height:auto; float:left;}
.productMenu > ul.cap1 { width:238px; float:left; list-style:none; padding:8px 0 8px 0;}
.productMenu > ul.cap1 > li { width:188px; float:left; background:url(../images/icon-dm-1.png) no-repeat top left; padding-left:40px;}
.productMenu > ul.cap1 > li > a { width:188px; display:block; padding:8px 0 8px 0; color:#707070; line-height:16px; font-weight:bold;} 
.productMenu > ul.cap1 > li:hover { width:188px; float:left; background:url(../images/icon-dm-2.png) no-repeat top left; padding-left:40px;}
.productMenu > ul.cap1 > li:hover > a { color:#06F;} 
.productMenu > ul.cap1 > li > ul.cap2 { width:188px; height:auto; float:left; list-style:none;}
.productMenu > ul.cap1 > li > ul.cap2 > li { width:168px; height:auto; float:left; padding-left:20px; background:url(../images/icon-dm-3.png) no-repeat left top;}
.productMenu > ul.cap1 > li > ul.cap2 > li a { width:168px; display:block; padding:5px 0 5px 0; color:#707070;}
.productMenu > ul.cap1 > li > ul.cap2 > li:hover a { text-decoration:underline;}

.news { width:198px; height:auto; float:left; margin:20px; margin-bottom:10px;}
.news > ul { list-style:none; float:left;}
.news > ul > li { width:198px; float:left; margin-bottom:10px; background:url(../images/icon-news.png) no-repeat left top; padding-left:10px;}
.news > ul > li > a { width:198px; color:#06F; display:block; font-weight:bold; padding-bottom:5px;}
.news > ul > li > p { width:198px; height:auto; color:#333; display:block;}

.qc-left { width:240px; height:auto; float:left;}
.qc-left > img { width:240px; height:auto; float:left; padding-bottom:10px;}

.histats { width:218px; height:auto; float:left; margin:10px;}

.centCont { width:750px; height:auto; float:left; margin-left:10px;}

.boxCent { width:750px; height:auto; float:left; padding-bottom:10px;}
.tt-boxCent { width:750px; height:50px; float:left; background:url(../images/bg-tt-boxCent.jpg) repeat-x; position:relative;}
.tt-boxCent > p {
	width:220px;
	height:50px;
	float:left;
	background:url(../images/icon-tt-cent.png) no-repeat left;
	font-weight:bold;
	color:#08578a;
	padding-left:60px;
	line-height:50px;
	text-transform:uppercase;
}


.tt-boxCent1 { width:750px; height:50px; float:left; background:url(../images/bg-tt-boxCent.jpg) repeat-x; position:relative;}
.tt-boxCent1 > p {
	width:220px;
	height:50px;
	float:left;
	background:url(../images/icon-tt-cent2.png) no-repeat left;
	font-weight:bold;
	color: #F00;
	padding-left:60px;
	line-height:50px;
	text-transform:uppercase;
}
.che-tt-cent { width:5px; height:50px; top:0; right:0; position:absolute; background:url(../images/che-tt-cent.jpg) no-repeat;}
.cc-boxCent { width:748px; height:auto; float:left; border:1px solid #999; margin-top:1px;}
.mainSP { width:748px; height:auto; float:left; padding-bottom:20px;}
div.mainSP ul li {list-style:none;}

.boxSP {
	width:220px;
	height:auto;
	float:left;
	margin:20px 0 0 20px;
	border:1px dotted #333;
}
.boxSPH { width:118px; height:81px; border: 1px #999 solid; float:left; overflow:hidden; margin:5px 0 0 5px;}
.boxSPH > ul { float:left; list-style:none;}
.boxSPH > ul > li { width:118px; height:81px; float:left; background:white; margin:0; padding:0;}

.boxSPM {
	width:210px;
	height:auto;
	float:left;
	margin-left: 4px;
}
.boxSPM1 {
	width:80px;
	height:auto;
	float:left;
	margin-left: 4px;
	margin-top:5px;
}
.boxSPM1 ul li{
	list-style:none;
}
.boxSPM > ul {
	list-style:none;
	margin-top:2px;
}
.boxSPM > ul > li {
	width:90px;
	background:url(../images/icon-gia.png) no-repeat top left;
	padding-left:7px;
}
.boxSPM > ul > li > a {
	color:#333;
	line-height:20px;
}

.boxSPN {
	width:80px;
	height:19px;
	float:right;
	margin-top:10px;
	margin-right:5px;
	margin-left: 5px;
}
.boxSPN > ul { list-style:none;}
.boxSPN > ul > li.themvaogio { width:120px; height:19px; float:left; background:url(../images/bg-themvaogio.jpg) repeat-x;}
.boxSPN > ul > li.chitiet {
	width:70px;
	height:19px;
	float:right;
	background:#e06811;
}
.boxSPN > ul > li > a {
	display:block;
	text-align:center;
	line-height:19px;
	font-weight:bold;
	color:#FFF;
	font-size:11px;
}

.boxSPT { width:210px; height:auto; float:left; margin:10px 5px 5px 5px;}
.boxSPT > span { font-weight:bold; color:#0000ff; text-decoration:underline;}

.qc-cent { width:750px; height:auto; float:left;}
.qc-cent > img { width:750px; height:auto; float:left; padding-bottom:10px;}

#index-footer { width:100%; height:auto; float:left; background:url(../images/bg-footer.png) repeat-x top;}
#main-footer {
	width:100%;
	height:auto;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#menu-foot { width:1000px; height:30px; margin-top:10px;}
#wrapper-foot { width:1000px; float:left;}
#wrapper-foot > ul { list-style:none; position:relative; z-index:1000; line-height:30px;}

#wrapper-foot > ul > li { float:right; background:url(../images/cach-2.png) no-repeat left top;}
#wrapper-foot > ul > li > a { color:white; font-weight:bold; padding:0 30px 0 30px;}
#wrapper-foot > ul > li#first { background:none;}
#wrapper-foot > ul > li#last > a { padding-right:0;}
#wrapper-foot > ul > li:hover > a { color:#ff0;}
#wrapper-foot > ul > li.active > a { color:#ff0;}

#wrapper-foot > ul > li > ul { list-style:none; line-height:30px; float:left; margin-left:29px; border:1px solid white;}
#wrapper-foot > ul > li > ul > li { width:204px; height:30px; float:left; background:#1d7cc0; border-bottom:1px solid white; padding-left:29px;}
#wrapper-foot > ul > li > ul > li > a { color:white; font-size:11px; font-weight:bold;}
#wrapper-foot > ul > li > ul > li.last-1 { border-bottom:none;}
#wrapper-foot > ul > li > ul > li:hover > a { color:#FF0;}

#wrapper-foot > ul > li > ul > li > ul{ list-style:none; line-height:30px; float:left; margin-left:29px; border:1px solid white;}
#wrapper-foot > ul > li > ul > li > ul > li { width:200px; height:30px; float:left; background:#1d7cc0; border-bottom:1px solid white; padding-left:25px;}
#wrapper-foot > ul > li > ul > li > ul > li > a { color:white; font-size:11px; font-weight:bold;}
#wrapper-foot > ul > li > ul > li > ul > li.last-2 { border-bottom:none;}
#wrapper-foot > ul > li > ul > li > ul > li:hover > a { color:#FF0;}

#nav-foot li { float: left; position: relative;}
#nav-foot ul { position: absolute; left:-28px; bottom:30px; display: none;}
#nav-foot li ul a { float: left;}
#nav-foot ul ul { bottom: auto;}
#nav-foot li ul ul { left:200px; margin-top:-1px;}
#nav-foot li:hover ul ul, 
#nav-foot li:hover ul ul ul,
#nav-foot li:hover ul ul ul ul { display: none;}
#nav-foot li:hover ul,
#nav-foot li li:hover ul,
#nav-foot li li li:hover ul,
#nav-foot li li li li:hover ul { display: block;}

.diachi { width:1000px; height:auto; float:left; margin-top:20px; padding-bottom:20px;}
.diachi > p { width:1000px; height:auto; display:block; text-align:right; font-weight:bold; color:white; font-size:13px; padding-bottom:10px;}
.diachi > span { width:1000px; height:auto; display:block; text-align:right; color:white;}

.visa { width:131px; height:123px; position:absolute; top:0; left:0;}

#index-copy { width:100%; height:auto; float:left; background:#197cbd;}
#main-copy { width:1000px; height:auto; margin:0 auto;}
#main-copy > p { display:block; text-align:right; color:white; padding:10px 0 10px 0;}
#main-copy > p > a { color:#FF0;}




/*Chi tiet gio hang*/

.chitietgiohang { width:708px; height:auto; float:left; margin:20px;}
.tt-ctgh { width:708px; height:auto; float:left;}
.tt-ctgh > ul { list-style:none;}
.tt-ctgh > ul > li { float:left;}
.tt-ctgh > ul > li > p { text-align:center; padding:7px 0 7px 0; color:#333; font-weight:bold;}
.tt-ctgh > ul > li.hinhanh { width:98px; float:left; border:1px solid #999;}
.tt-ctgh > ul > li.tensanpham { width:199px; float:left; border:1px solid #999; border-left:none;}
.tt-ctgh > ul > li.soluong { width:90px; float:left; border:1px solid #999; border-left:none;}
.tt-ctgh > ul > li.giatien { width:124px; float:left; border:1px solid #999; border-left:none;}
.tt-ctgh > ul > li.tongtien { width:127px; float:left; border:1px solid #999; border-left:none;}
.tt-ctgh > ul > li.xoa { width:54px; float:left; border:1px solid #999; border-left:none;}

.cc-ctgh { width:708px; height:auto; float:left;}
.dong-chitiet {
	width:708px;
	height:auto;
	float:left;
}
.dong-chitiet > ul { list-style:none;}
.dong-chitiet > ul > li { float:left;}
.dong-chitiet > ul > li > p { text-align:center; color:#333; display: block; line-height:58px;s}
.dong-chitiet > ul > li > a { text-align:center; color:#333; display: block; line-height:58px; text-decoration:underline;}
.dong-chitiet > ul > li > span { text-align:center; color:#900; display: block; line-height:58px;}
.dong-chitiet > ul > li.hinhanh { width:100px; float:left; background:#e9e9e9;}

.product_pic_giohang { width:99px; height:58px; display:table; text-align: center; vertical-align: middle; background:white; border:1px solid #999; border-top:none;}
.product_pic_giohang img { max-width:90px; max-height:48px; display:table-cell; vertical-align: middle;}
.product_image_giohang { width:98px; height:58px; text-align: center; vertical-align: middle;}
.product_image_giohang img { margin:0 auto; max-width:90px; max-height:48px;}

.dong-chitiet > ul > li.tensanpham { width:199px; height:58px; float:left; border-right:1px solid #999; border-bottom:1px solid #999;}
.dong-chitiet > ul > li.soluong { width:99px; height:58px; float:left; border-right:1px solid #999; border-bottom:1px solid #999;}
.dong-chitiet > ul > li.giatien { width:124px; height:58px; float:left; border-right:1px solid #999; border-bottom:1px solid #999;}
.dong-chitiet > ul > li.tongtien { width:127px; height:58px; float:left; border-right:1px solid #999; border-bottom:1px solid #999;}
.dong-chitiet > ul > li.xoa { width:54px; height:58px; float:left; border-right:1px solid #999; border-bottom:1px solid #999;}

.dong-chitiet > ul > li.hinhanh > img { width:80px; height:auto; margin:9px 0 0 9px; border:1px solid white;}
.dong-chitiet > ul > li.xoa > a > img { margin-top:19px;}
.dong-chitiet > ul > li.soluong > a { margin-top:17px;}

.tongtientinh { width:706px; height:auto; float:left; border:1px solid #999; border-top: none;}
.tongtientinh > ul { list-style:none;}
.tongtientinh > ul > li { float:left;}
.tongtientinh > ul > li > p { display:block; padding:10px 0 10px 10px; color:#333; font-weight:bold;}
.tongtientinh > ul > li > span { display:block; padding:10px 0 10px 0; color:red; font-weight:bold; text-align:right;  margin-right:10px;}
.tongtientinh > ul > li.tttt { width:100px; height:auto; float:left;}
.tongtientinh > ul > li.cccc { width:165px; height:auto; float:right; margin-left:245px;}

.nutnut { width:708px; height:auto; float:left; margin-top:10px;}
.nutnut > ul { list-style:none;}
.nutnut > ul > li { height:auto; padding-left:24px;}
.nutnut > ul > li > a { font-weight:bold; color:white; padding:5px 15px 5px 10px; display:block; background:#09C;}
.nutnut > ul > li:hover > a { font-weight:bold; color:black; padding:5px 15px 5px 10px; display:block; background:#ccc;}
.nutnut > ul > li.capnhat { float:left; background:url(../images/capnhat.png) no-repeat top left #666;}
.nutnut > ul > li.thanhtoan { float:right; background:url(../images/thanhtoan.png) no-repeat top left #666;}
.nutnut > ul > li.tieptuc { float:right; margin-right:10px; background:url(../images/tieptuc.png) no-repeat top left #666;}
.nutnut > ul > li.ditiep { float:right; background:url(../images/ditiep.png) no-repeat top left #666;}
.nutnut > ul > li.muahang { float:right; background:url(../images/muahang.gif) no-repeat top left #666;}

/*---Thanh toán---*/
.thanhtoannao { width:708px; float:left; margin:20px;}
.thanhtoannao ul { list-style:none;}
.thanhtoannao ul li { width:708px; height:auto; float:left; padding-bottom:20px;/* border-bottom:1px solid #999;*/ padding-top:20px;}
.thanhtoannao ul li > p {
	width:280px;
	height:auto;
	float:right;
	color:#333;
	font-weight:bold;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 0;
	margin-left: 10px;
}
.thanhtoannao ul li > p > span { color:red; padding-left:5px; font-weight:normal;}
.huongdanthanhtoan {
	width:308px;
	height:auto;
	float:left;
	margin-left: 5px;
}
.thongtinhuongdan { width:200px; height:auto; float:left;}
.thongtinhuongdan > p { width:200px; padding-right:10px; font-style:italic; color:#666;}
.chitiethuongdan { width:108px; height:auto; float:left;}
.chitiethuongdan > a { color:#09F; text-decoration:underline; text-align:right; display:block;}
.thanhtoannao ul > li.tieptuc { width:100px; float:right; background:#09C; padding:0; margin-top:20px; padding:5px 0 5px 0;}
.thanhtoannao ul > li.tieptuc > a { color:white; display:block; text-align:center; font-weight:bold;}


/*---Thanh toán tiếp---*/
.thanhtoantiep { width:708px; height:auto; float:left; margin:20px;}
.thanhtoantiep > ul { list-style:none;}
.thanhtoantiep > ul > li.title { width:708px; height:auto; float:left; padding-bottom:10px; padding-top:20px;}
.thanhtoantiep > ul > li.title > p { font-weight:bold; color:#09F; text-transform:uppercase;}
.thanhtoantiep > ul > li.chitiet { width:708px; height:auto; float:left; padding-bottom:10px;}
.thanhtoantiep > ul > li.chitiet > ul { list-style:none;}
.thanhtoantiep > ul > li.chitiet > ul > li.left { width:200px; height:auto; float:left;}
.thanhtoantiep > ul > li.chitiet > ul > li.left > p { font-weight:bold; color:#333;}
.thanhtoantiep > ul > li.chitiet > ul > li.right { float:left;}
.thanhtoantiep > ul > li.chitiet > ul > li.right > span { color:#555;}
.thanhtoantiep > ul > li.thongtinmathang { width:706px; height:auto; float:left; border:1px solid #999; border-bottom:none;}
.thanhtoantiep > ul > li.thongtinmathang > ul { list-style:none;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-1 { width:706px; height:30px; float:left; border-bottom:1px solid #999;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-1 > ul { list-style:none;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-1 > ul > li.tensp { width:306px; height:30px; float:left;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-1 > ul > li.tensp > p { text-align:center; line-height:30px; color:#333; display:block; font-weight:bold;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-1 > ul > li.soluong { width:99px; height:30px; float:left; border-left:1px solid #999;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-1 > ul > li.soluong > p { text-align:center; line-height:30px; color:#333; display:block; font-weight:bold;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-1 > ul > li.dongia { width:149px; height:30px; float:left; border-left:1px solid #999;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-1 > ul > li.dongia > p { text-align:center; line-height:30px; color:#333; display:block; font-weight:bold;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-1 > ul > li.thanhtien { width:149px; height:30px; float:left; border-left:1px solid #999;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-1 > ul > li.thanhtien > p { text-align:center; line-height:30px; color:#333; display:block; font-weight:bold;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-2 { width:706px; height:30px; float:left; border-bottom:1px solid #999;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-2 > ul { list-style:none;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-2 > ul > li.tensp { width:306px; height:30px; float:left;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-2 > ul > li.tensp > p { text-align:left; line-height:30px; color:#333; display:block; padding-left:6px; width:300px;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-2 > ul > li.soluong { width:99px; height:30px; float:left; border-left:1px solid #999;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-2 > ul > li.soluong > p { text-align:center; line-height:30px; color:#333; display:block;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-2 > ul > li.dongia { width:149px; height:30px; float:left; border-left:1px solid #999;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-2 > ul > li.dongia > p { text-align:center; line-height:30px; color:#333; display:block;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-2 > ul > li.thanhtien { width:149px; height:30px; float:left; border-left:1px solid #999;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-2 > ul > li.thanhtien > p { text-align:center; line-height:30px; color:#333; display:block;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-3 { width:706px; height:auto; float:left; border-bottom:1px solid #999;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-3 > ul { list-style:none; padding:10px 0 10px 0; float:left;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-3 > ul > li { width:706px; height:auto; float:left; padding:5px 0 5px 0;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-3 > ul > li > p { width:556px; height:auto; float:left; color:#333; text-align:right; font-weight:bold;}
.thanhtoantiep > ul > li.thongtinmathang > ul > li.dong-3 > ul > li > span { width:140px; height:auto; float:right; text-align:right; display:block; padding-right:5px;}
.thanhtoantiep > ul > li.tonggiatridonhang { width:708px; height:auto; float:left; margin-top:10px;}
.thanhtoantiep > ul > li.tonggiatridonhang > p { color:#333; font-weight:bold; width:557px; height:auto; float:left; text-align:right;}
.thanhtoantiep > ul > li.tonggiatridonhang > span { color:red; font-weight:bold; width:140px; float:right; display:block; text-align:right; padding-right:6px;}
.thanhtoantiep > ul > li.thanhtoan { width:100px; height:auto; float:right; margin-top:20px; background:#09F;}
.thanhtoantiep > ul > li.thanhtoan > a { display:block; color:white; text-align:center; padding:6px 0 6px 0;}

.chitiet-222 {
	width:180px;
	height:83px;
	float:left;
	margin-left:5px;

}
.chitiet-222 > ul { list-style:none; }
.chitiet-222 > ul > li {
	width:180px;
	height:auto;
	float:left;
}
.chitiet-222 > ul > li > p {font-weight:bold; color:#666;}
.chitiet-222 > ul > li > p > span { color:red; padding:0 3px 0 3px;}
.chitiet-222 > ul > li.bovaogiohang { width:100px; height:19px; background:url(../images/bg-themvaogio.jpg) repeat-x; position:absolute; bottom:0; left:0;}
.chitiet-222 > ul > li.bovaogiohang > a { color:white; display:block; line-height:19px; text-align:center; font-size:11px;}
.chitiet-222 > ul > li.mua1 {
	width:50px;
	height:19px;
	background:#87b41b;
	bottom:0;
	left:0;
	margin-left:20px;
	border: 1px dotted #666;
	margin-top: 10px;
}
.khungchitiet{
	width:340px;
	height:auto;
	float:left;
	margin-top: 20px;
}
.chitiet-222 > ul > li.mua1 > a { color:white; display:block; line-height:19px; text-align:center; font-size:11px;}	
/*---Chi tiết sản phẩm---*/
.chitietsanpham { width:708px; height:auto; float:left; margin:20px;}
.chitiet-000 { width:708px; height:auto; float:left;}
.chitiet-000 > p { font-weight:bold; color:#09F; padding-bottom:20px;}
.chitiet-111 { width:150px; height:auto; float:left;}
.chitiet-111 > ul { float:left; list-style:none;}
.chitiet-111 > ul > li { width:118px; height:81px; float:left; background:white; border:1px solid #999;}
.product_image_111 { width:118px; height:81px; text-align: center; vertical-align: middle;}
.product_image_111 img { margin:0 auto; max-width:100px; max-height:71px;}

.chitiet-333 { width:270px; height:100px; float:right; margin-left:20px;}
.chitiet-333 ul { list-style:none;}
.chitiet-333 ul > li { width:270px; float:left; padding-bottom:5px;}
.chitiet-333 ul > li > p { float:left; margin-left:10px; margin-top:1px; color:#333;}
/*________boxCont_A________*/
.boxCont_A { width:708px; height:auto; margin:0 auto;}

/*________menu_boxCont_A________*/
.container {width:708px; margin-top:30px; float:left;}

ul.tabs { width:708px; height:27px; float:left; list-style: none; background:none;}
ul.tabs li { 
	float:left; 
	height:27px; 
	display:block; 
	margin-left:-30px;
	margin-right:0px;
	background:url(../images/tabs.png) no-repeat left;
	background-position: left 0;
	line-height:27px;
}
ul.tabs li a {
	height:27px; 
	display:block; 
	float:left;
	background:url(../images/tabs.png) no-repeat top right;
	background-position: right -770px;
}
ul.tabs li a span {
	height:27px; 
	display:block; 
	margin-left:30px; 
	margin-right:30px;
	padding-left:0px;
	padding-right:0px;
	color:white; 
	font-weight:bold; 
	font-size:12px; 
	text-align:center;
	float:left;
	background:url(../images/tabs.png) repeat-x; 
	background-position: 0 -231px;
	color:white;	
}
ul.tabs li:hover { 
	float:left; 
	height:27px; 
	display:block; 
	margin-left:-30px;
	margin-right:0px;
	background:url(../images/tabs.png) no-repeat left;
	background-position: left -77px; 
	line-height:27px;
}
ul.tabs li:hover a {
	height:27px; 
	display:block; 
	float:left;
	background:url(../images/tabs.png) no-repeat top right;
	background-position: right -924px;
}
ul.tabs li:hover a span {
	height:27px; 
	display:block; 
	margin-left:30px; 
	margin-right:30px;
	padding-left:0px;
	padding-right:0px;
	color:white; 
	font-weight:bold; 
	font-size:12px; 
	text-align:center;
	float:left;
	background:url(../images/tabs.png) repeat-x; 
	background-position: 0 -308px;
	text-decoration:none;
}


ul.tabs li.active { 
	float:left; 
	height:27px; 
	display:block; 
	margin-left:-30px;
	margin-right:0px;
	background:url(../images/tabs.png) no-repeat left;
	background-position: left -154px;
	line-height:27px;
	z-index:10000;
	position:relative;
}
ul.tabs li.active a {
	height:27px; 
	display:block; 
	float:left;
	background:url(../images/tabs.png) no-repeat top right;
	background-position: right -1078px;
}
ul.tabs li.active a span {
	height:27px; 
	display:block; 
	margin-left:30px; 
	margin-right:30px;
	padding-left:0px;
	padding-right:0px;
	color:white; 
	font-weight:bold; 
	font-size:12px; 
	text-align:center;
	float:left;
	background:url(../images/tabs.png) repeat-x; 
	background-position: 0 -385px;
	color:white;
}

ul.tabs li.first { 
	float:left; 
	height:27px; 
	display:block; 
	margin-left:-15px;
	margin-right:0px;
	background:url(../images/tabs.png) no-repeat left;
	background-position: left -462px;
	line-height:27px;
}
ul.tabs li.first a {
	height:27px; 
	display:block; 
	float:left;
	background:url(../images/tabs.png) no-repeat top right;
	background-position: right -770px;
}
ul.tabs li.first a span {
	height:27px; 
	display:block; 
	margin-left:30px; 
	margin-right:30px;
	padding-left:0px;
	padding-right:0px;
	color:white; 
	font-weight:bold; 
	font-size:12px; 
	text-align:center;
	float:left;
	background:url(../images/tabs.png) repeat-x; 
	background-position: 0 -231px;
	color:white;
}

ul.tabs li.first:hover { 
	float:left; 
	height:27px; 
	display:block; 
	margin-left:-15px;
	margin-right:0px;
	background:url(../images/tabs.png) no-repeat left;
	background-position: left -539px;
	line-height:27px;
}
ul.tabs li.first:hover a {
	height:27px; 
	display:block; 
	float:left;
	background:url(../images/tabs.png) no-repeat top right;
	background-position: right -924px;
}
ul.tabs li.first:hover a span {
	height:27px; 
	display:block; 
	margin-left:30px; 
	margin-right:30px;
	padding-left:0px;
	padding-right:0px;
	color:white; 
	font-weight:bold; 
	font-size:12px; 
	text-align:center;
	float:left;
	background:url(../images/tabs.png) repeat-x;
	background-position: 0 -308px;
}
ul.tabs li.first.active { 
	float:left; 
	height:27px; 
	display:block; 
	margin-left:-15px;
	margin-right:0px;
	background:url(../images/tabs.png) no-repeat left;
	background-position: left -616px;
	line-height:27px;
}
ul.tabs li.first.active a {
	height:27px; 
	display:block; 
	float:left;
	/*
	background:url(../images/xanh-b.png) no-repeat right top;
	*/
	background:url(../images/tabs.png) no-repeat right top;
	background-position: right -1078px;
}
ul.tabs li.first.active a span {
	height:27px; 
	display:block; 
	margin-left:30px; 
	margin-right:30px;
	padding-left:0px;
	padding-right:0px;
	color:white; 
	font-weight:bold; 
	font-size:12px; 
	text-align:center;
	float:left;
	background:url(../images/tabs.png) repeat-x;
	background-position: 0 -385px;
}


ul.tabs li.cuoi { 
	float:left; 
	height:27px; 
	display:block; 
	margin-left:-30px;
	margin-right:0px;
	background:url(../images/tabs.png) no-repeat left;
	background-position: left 0;
	line-height:27px;
}
ul.tabs li.cuoi a {
	height:27px; 
	display:block; 
	float:left;
	background:url(../images/tabs.png) no-repeat top right;
	background-position: right -693px;
}
ul.tabs li.cuoi a span {
	height:27px; 
	display:block; 
	margin-left:30px; 
	margin-right:30px;
	padding-left:0px;
	padding-right:0px;
	color:white; 
	font-weight:bold; 
	font-size:12px; 
	text-align:center;
	float:left;
	background:url(../images/tabs.png) repeat-x; 
	background-position: 0 -231px;
	color:white;
}
ul.tabs li.cuoi:hover { 
	float:left; 
	height:27px; 
	display:block; 
	margin-left:-30px;
	margin-right:0px;
	background:url(../images/tabs.png) no-repeat left;
	background-position: left -77px;
	line-height:27px;
}
ul.tabs li.cuoi:hover a {
	height:27px; 
	display:block; 
	float:left;
	background:url(../images/tabs.png) no-repeat top right;
	background-position: right -847px;
}
ul.tabs li.cuoi:hover a span {
	height:27px; 
	display:block; 
	margin-left:30px; 
	margin-right:30px;
	padding-left:0px;
	padding-right:0px;
	color:white; 
	font-weight:bold; 
	font-size:12px; 
	text-align:center;
	float:left;
	background:url(../images/tabs.png) repeat-x; 
	background-position: 0 -308px;
}

ul.tabs li.cuoi.active { 
	float:left; 
	height:27px; 
	display:block; 
	margin-left:-30px;
	margin-right:0px;
	background:url(../images/tabs.png) no-repeat left;
	background-position: left -154px;
	line-height:27px;
}
ul.tabs li.cuoi.active a {
	height:27px; 
	display:block; 
	float:left;
	background:url(../images/tabs.png) no-repeat top right;
	background-position: right -1001px;
}
ul.tabs li.cuoi.active a span {
	height:27px; 
	display:block; 
	margin-left:30px; 
	margin-right:30px;
	padding-left:0px;
	padding-right:0px;
	color:white; 
	font-weight:bold; 
	font-size:12px; 
	text-align:center;
	float:left;
	background:url(../images/tabs.png) repeat-x; 
	background-position: 0 -385px;
	color:white;
}

.tab_container {
	width:708px;
	border-top: none;
	clear: both;
	float: left; 
	background: #fff;
}
.tab_content {
	font-size: 1.2em;
}
.xanh { width:706px; height:auto; float:left; background:white; border:1px solid #336fab; border-top:5px solid #336fab;}

.thongtinchitietsanpham { width:686px; height:auto; float:left; margin:10px;}
.thongtinchitietsanpham > ul { list-style:none;}
.thongtinchitietsanpham > ul > li.dong-11 { width:684px; height:25px; float:left; border:1px solid #999;}
.thongtinchitietsanpham > ul > li.dong-11 > ul { list-style:none;}
.thongtinchitietsanpham > ul > li.dong-11 > ul > li.dong-11-1 { width:202px; height:25px; float:left;}
.thongtinchitietsanpham > ul > li.dong-11 > ul > li.dong-11-2 { width:240px; height:25px; float:left; border-left:1px solid #999;}
.thongtinchitietsanpham > ul > li.dong-11 > ul > li.dong-11-3 { width:240px; height:25px; float:left; border-left:1px solid #999;}
.thongtinchitietsanpham > ul > li.dong-11 > ul > li > p { text-align:center; line-height:25px; font-weight:bold; color:#333;}
.thongtinchitietsanpham > ul > li.dong-22 { width:684px; height:25px; float:left; border:1px solid #999; border-top: none;}
.thongtinchitietsanpham > ul > li.dong-22 > ul { list-style:none;}
.thongtinchitietsanpham > ul > li.dong-22 > ul > li.dong-22-1 { width:202px; height:25px; float:left;}
.thongtinchitietsanpham > ul > li.dong-22 > ul > li.dong-22-2 { width:240px; height:25px; float:left; border-left:1px solid #999;}
.thongtinchitietsanpham > ul > li.dong-22 > ul > li.dong-22-3 { width:240px; height:25px; float:left; border-left:1px solid #999;}
.thongtinchitietsanpham > ul > li.dong-22 > ul > li > p { text-align:center; line-height:25px; color:#333;}

.huongdansudungsanpham { width:686px; height:auto; float:left; margin:10px;}
.huongdansudungsanpham > ul { list-style:none;}
.huongdansudungsanpham > ul > li { width:686px; height:auto; float:left;}
.huongdansudungsanpham > ul > li > span { color:#333;}
.huongdansudungsanpham > ul > li > p { color:#333; font-weight:bold; padding:5px 0 5px 0;}

.hotrosanpham { width:686px; height:auto; float:left; margin:10px;}
.hotrosanpham > ul { list-style:none;}
.hotrosanpham > ul > li { width:686px; height:auto; float:left;}
.hotrosanpham > ul > li > p { color:#333; line-height:20px;}
.hotrosanpham > ul > li > p > span { font-weight:bold; margin:0 5px 0 0;}







/*fix*/
.giohangcuaban { width:230px; height:auto; float:left; background:url(../images/giohang-1.png) no-repeat; margin:20px 0 0 4px;}
.giohangcuaban > ul { list-style:none; float:left; margin:30px 0 0 70px;}
.giohangcuaban > ul > li { width:200px; float:left; margin-bottom:3px;}
.giohangcuaban > ul > li > p { color:#630; text-decoration:underline;}
.giohangcuaban > ul > li > p > span { margin-left:5px;}
.SP_giamgia{
	text-decoration:line-through;
	color:#F00;
	margin-left:100px;
	
}
.tenSP{
	height: auto;
	width: 90px;
	float: right;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	margin-top:5px;
	color: #009;
	font-weight:bold;
}
.boxSP-giagoc {
	width:90px;
	height:auto;
	float: left;
	margin-top: 4px;
}
.boxSP-giagoc > ul {
	list-style:none;
	margin-top:2px;
}
.boxSP-giagoc > ul > li {
	width:90px;
	background:url(../images/icon-gia.png) no-repeat top left;
	padding-left:7px;
}
.boxSP-giagoc > ul > li > a {
	color:#F00;
	line-height:20px;
	text-decoration: line-through;
}
.boxSPBan{
	width:90px;
	height:auto;
	float: left;
	margin-top: 4px;
	
}
.boxSPBan > ul {
	list-style:none;
	margin-top:2px;
}
.boxSPBan > ul > li {
	width:90px;
	background:url(../images/icon-gia.png) no-repeat top left;
	padding-left:7px;
}
.boxSPBan > ul > li > a {
	color:#333;
	line-height:20px;
}
.boxSP-tonkho{
	width:10px;
	height:auto;
	float: left;
	margin-top: 4px;
	
}
.boxSP-tonkho > ul {
	list-style:none;
	margin-top:2px;
}
.boxSP-tonkho > ul > li {
	width:90px;
	
	padding-left:7px;
}
.boxSP-tonkho > ul > li > a {
	color:#333;
	line-height:20px;
}
.gioithieusp{
	font-weight:bold;
	font-size:12px;
	color:#004c7c;
}
.khuyenmaidacbiet{
	float:left;
	width:210px;
	height:auto;
	margin-left:5px;
	margin-top:3px;
}
.khuyenmaidacbiet a{
	font-size:12px;
	font-weight:normal;
	color:#F00;
}


.boxSPNdacbiet { width:210px; height:19px; float:right; margin-top:10px; margin-right:5px;
margin-bottom:10px; }
.boxSPNdacbiet > ul { list-style:none;}
.boxSPNdacbiet > ul > li.Mua {
	width:85px;
	height:19px;
	float:left;
	background:url(../images/bg-themvaogio.jpg) repeat-x;
	margin-left: 15px;
}
.boxSPNdacbiet > ul > li.chitiet {
	width:85px;
	height:19px;
	float:right;
	background:#e06811;
	margin-right: 15px;
}
.boxSPNdacbiet > ul > li > a {
	display:block;
	text-align:center;
	line-height:19px;
	font-weight:bold;
	color:#FFF;
	font-size:11px;
}
.iconKM{
	float:right;
	margin-right:10px;
}
.gach{
	font-size: 12px;
	font-weight: bold;
	color: #F00;
	font-family: "Times New Roman", Times, serif;
	text-decoration:line-through;
}
.border-left {
	border-left:1px solid #999;
}
.border-top {
	border-top:1px solid #999;
}
.border-right {
	border-right:1px solid #999;
}
.border-bottom {
	border-bottom:1px solid #999;
}
